<div class="center_content">
    <div class="center_title_bar">Sign Up </div>
    <div class="prod_box_big">
        <div class="top_prod_box_big"></div>
        <div class="center_prod_box_big">
            <div class="contact_form">
                <form action="CustomerBeanRegister.jsp" method="post" name="myform" id="myform" >
                    <div class="form_row">
                        <div id='myform_fname_errorloc' class="error_strings"></div>
                        <label class="contact"><strong>First Name:</strong></label>
                        <input type="text"  class="contact_input" name="fname"/>
                        <!--<span id="fnameer" class="error" style="display:none">This field can't be null, and accepts only letters from a-z</span>-->
                    </div>
                    <div class="form_row">
                        <div id='myform_lname_errorloc' class="error_strings"></div>
                        <label class="contact"><strong>Last Name:</strong></label>
                        <input type="text" class="contact_input" name="lname"/>
                        <!--<span id="lnameer" class="error" style="display:none">This field can't be null, and accepts only letters from a-z</span>-->
                    </div>
                    <div class="form_row">
                        <div id='myform_uname_errorloc' class="error_strings"></div>
                        <label class="contact"><strong>User Name:</strong></label>
                        <input type="text" class="contact_input" name="uname"/>
                        <!--<span id="unameer" class="error" style="display:none">This field is required</span>-->
                    </div>
                    <div class="form_row">
                        <div id='myform_password_errorloc' class="error_strings"></div>
                        <label class="contact"><strong>Password:</strong></label>
                        <input type="password" class="contact_input" name="password"/>
                        <!--<span id="passer1" class="error">This field is required and it accepts a min of 6 characters</span>-->
                    </div>
                    <div class="form_row">
                        <div id='myform_cpassword_errorloc' class="error_strings"></div>
                        <label class="contact"><strong>Confirm Password:</strong></label>
                        <input type="password" class="contact_input" name="cpassword"/>
                        <!--<span id="passer2" class="error">Passwords don't match</span>-->
                    </div>
                    <div class="form_row">
                        <div id='myform_Email_errorloc' class="error_strings"></div>
                        <label class="contact"><strong> Mail :</strong></label>
                        <input type="text" class="contact_input" name="Email"/>
                        <!--<span id="emailer"  class="error">This is not a valid e-mail</span>-->
                    </div>
                    <div class="form_row">
                        <div id='myform_address_errorloc' class="error_strings"></div>
                        <label class="contact"><strong>Address:</strong></label>
                        <input type="text" class="contact_input" name="address"/>
                        <!--<span id="addresser" class="error">This is not a valid address</span>-->
                    </div>
                    <div class="form_row">
                        <div id='myform_cbalance_errorloc' class="error_strings"></div>
                        <label class="contact"><strong>Credit Limit:</strong></label>
                        <input type="text" class="contact_input" name="cbalance"/>
                        <!--<span id="cler" class="error">This is not a valid credit limit</span>-->
                    </div>
                    <div class="form_row">
                        <div id='myform_mobile_errorloc' class="error_strings"></div>
                        <label class="contact"><strong>Mobile:</strong></label>
                        <input type="text" class="contact_input" name="mobile"/>
                        <!--<span id="mober" class="error">This is not a valid mobile number</span>-->
                    </div>
                    <div class="form_row">
                        <div id='myform_phone_errorloc' class="error_strings"></div>
                        <label class="contact"><strong>Phone:</strong></label>
                        <input type="text" class="contact_input" name="phone"/>
                        <!--<span id="pher" class="error">This is not a valid phone number</span>-->
                    </div>
                    <div class="form_row">
                        <div id='myform_pcode_errorloc' class="error_strings"></div>
                        <label class="contact"><strong>Postal Code:</strong></label>
                        <input type="text" class="contact_input" name="pcode"/>
                        <!--<span id="pcer" class="error">This field is required</span>-->
                    </div>
                    <div class="form_row">
                        <div id='myform_pimg_errorloc' class="error_strings"></div>
                        <label class="contact"><strong>Person Img :</strong></label>
                        <input type="file" name="pimg" class="contact_input"/>
                        
                    </div>
                    
                    <div class="form_row"> <input type="submit" value="Register" id="signupbtn"></div>
                </form>
            </div>
        </div>
        <div class="bottom_prod_box_big"></div>
    </div>
</div>
<script language="JavaScript" type="text/javascript">//<![CDATA[
//You should create the validator only after the definition of the HTML form
  var frmvalidator  = new Validator("myform");
    frmvalidator.EnableOnPageErrorDisplay();
    frmvalidator.EnableMsgsTogether();

    frmvalidator.addValidation("fname","req","Please enter your First Name");
    frmvalidator.addValidation("fname","alpha_s","First Name can contain alphabetic chars only");
    
    frmvalidator.addValidation("lname","req","Please enter your Last Name");
    frmvalidator.addValidation("lname","alpha_s","Last Name can contain alphabetic chars only");
    
    frmvalidator.addValidation("uname","req","Please enter your User Name");
    frmvalidator.addValidation("uname","alpha_s","UserName can contain alphabetic chars only");

    frmvalidator.addValidation("Email","maxlen=50");
    frmvalidator.addValidation("Email","req");
    frmvalidator.addValidation("Email","email");
    
    frmvalidator.addValidation("password","req","Please enter your Password");
    frmvalidator.addValidation("cpassword","eqelmnt=password","The confirmed password is not same as password");
    frmvalidator.addValidation("password","neelmnt=uname","The password should not be same as username");
    
    frmvalidator.addValidation("address","req","Please enter your Address");
    frmvalidator.addValidation("address","maxlen=100","minlen=4",	"Max length for UserName is 100");
    
    frmvalidator.addValidation("cbalance","req","Please enter your Credite Balance");
    frmvalidator.addValidation("cbalance","numeric");
    frmvalidator.addValidation("cbalance","gtelmnt=2","Credite Balance  should be larger than 2 numbers");
    
    frmvalidator.addValidation("mobile","req","Please enter your Mobile");
    frmvalidator.addValidation("mobile","numeric");
//    frmvalidator.addValidation("mobile","ltelmnt=12","Mobile number should be 11 numbers");
//    frmvalidator.addValidation("moblie","gtelmnt=10","Mobile number should be 11 numbers");
    
    frmvalidator.addValidation("phone","req","Please enter your Phone");
    frmvalidator.addValidation("phone","numeric");
    frmvalidator.addValidation("phone","ltelmnt=9","Phone number should be 8 numbers");
    frmvalidator.addValidation("phone","gtelmnt=7","Phone number should be 8 numbers");
    
    frmvalidator.addValidation("pcode","req","Please enter your Postal Code");
    frmvalidator.addValidation("pcode","numeric");
    frmvalidator.addValidation("pcode","ltelmnt=6","Postal Code should be 5 numbers");
    frmvalidator.addValidation("pcode","gtelmnt=4","Postal Code should be 5 numbers");
    
    frmvalidator.addValidation("pimg","file_extn=jpg;gif;png;jpeg","Allowed files types are: jpg;gif;png");
    frmvalidator.addValidation("pimg","req_file","File upload is required");
//]]></script>